<template>
  <div>
    <Header />
    <router-view/>
    <!-- 三级分类导航 -->
    <TypeNav />
    <!-- 列表 -->
    <ListContainer />
    <!-- 今日推荐 -->
    <Recommend />
    <!-- 商品排行 -->
    <Rank />
    <!-- 喜欢 -->
    <Like />
    <!-- 楼层 -->
    <Floor />
    <Floor />
    <!-- 商标 -->
    <Brand />
    <Footer />
  </div>
</template>

<script>
import Header from "./components/Header";
import Footer from "./components/Footer";
import TypeNav from "./pages/Home/TypeNav";
import ListContainer from "./pages/Home/ListContainer";
import Recommend from "./pages/Home/Recommend";
import Rank from "./pages/Home/Rank";
import Like from "./pages/Home/Like";
import Floor from "./pages/Home/Floor";
import Brand from "./pages/Home/Brand";

export default {
  name: "Home",
  components: {
    Header,
    Footer,
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand,
    TypeNav,
  },
};
</script>